Channel: Google Chrome Developers

Category: Science & Technology

Tags: jecelyn yeensettingscsswhat are devtools tipsgoogle developerchromecss overviewdevelopersgoogle developersshortcutshow to use devtools tipspurpose: educategds: yespr_pr: chrometype: devbyte (deck cleanup 0-10min)google chrome developersgoogle chromechrome devtoolsintro to devtools tipsdevtools tips tutorialchrome developerdeveloperchrome developersdevtools

Description: Learn how to discover and fix low contrast text with DevTools Chapters: 0:00 - Intro 0:26 - Inspect mode tooltip 0:38 - Contrast ratio in the Color picker 1:04 - Fix low contrast text 1:33 - Identify page’s low contrast issues with the CSS Overview panel 1:51 - Identify light/dark theme contrast issues 2:07 - [Experimental] Automatically detect low contrast issues 2:37 - Emulate color vision deficiencies Links: Discover and fix low-contrast text with Chrome DevTools → goo.gle/devtools-fix-contrast Catch more DevTools Tips → goo.gle/DevToolsTips Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #DevToolsTips #Chrome #Developer